<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>首页</title>
   	<link rel="stylesheet" href="css/style.css" />
   	<link rel="stylesheet" href="css/iconfont.css" />
   	<link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
   	<script src="js/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="js/com.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
   	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</head>
<body class="bg-idx">
	<div class="header">
		<h3 class="title">小牛商城</h3>
		<a class="icon iconfont icon-sousuo1"></a>
	</div>
	<div class="content">
		<!--轮播-->
		<div class="swiper-container">
		    <div class="swiper-wrapper">
		      <!--  <div v-for="item in banner" class="swiper-slide">
		        	<a href="#"><img :src="item.img"/></a>
		        </div>-->
		    </div>
		    <!-- 如果需要分页器 -->
		    <div class="swiper-pagination"></div>
		</div>
		<script>        
		  var mySwiper = new Swiper ('.swiper-container', {
		    loop: true,
		    // 如果需要分页器
		    pagination: '.swiper-pagination'
		  })        
		  </script>
		  <!--分类模块-->
		 <div class="idx-menu">
		 	<a href="list.html?classID=3">
		 		<img src="img/shouji.png" alt="" />
		 		<h5>手机</h5>
		 	</a>
		 	<a href="list.html?classID=4">
		 		<img src="img/diannao.png" alt="" />
		 		<h5>电脑</h5>
		 	</a>
		 	<a href="list.html?classID=9">
		 		<img src="img/nvzhuang.png" alt="" />
		 		<h5>内衣</h5>
		 	</a>
		 	<a href="list.html?classID=10">
		 		<img src="img/nanzhuang.png" alt="" />
		 		<h5>男装</h5>
		 	</a>
		 </div>
		 <div id="app">
			 <!--首页商品模块-->
			 <template v-for="item in indexGood">
			 <div class="idx-title">
			 	<a :href="'list.html?classID='+item.classID">{{item.className}}</a>
			 </div>
			 <ul class="idx-good">
			 	<li v-for='v in item.data'>
			 		<a :href="'detail.html?className='+item.className+'&goodID='+v.id"><img :src="v.img"/></a>
			 	</li>
			 </ul>
			</template>
		</div>	 
	</div>
	<div class="footer">
		<a class="active" href="index.html">
			<i class="icon icon-index iconfont"></i>
			<span>首页</span>
		</a>
		<a href="category.html">
			<i class="icon icon-fenlei iconfont"></i>
			<span>分类</span>
		</a>
		<a href="shopcar.html">
			<i class="icon icon-gouwuche iconfont"></i>
			<span>购物车</span>
		</a>
		<a href="user.html">
			<i class="icon icon-user iconfont"></i>
			<span>我的</span>
		</a>
	</div>
</body>
</html>